<template>
  <div id="app">
    <router-view/>

    <!--<el-container>-->
      <!--<el-aside width="200px">Aside</el-aside>-->
      <!--<el-container>-->
        <!--<el-header>Header</el-header>-->
        <!--<el-main>Main</el-main>-->
      <!--</el-container>-->
    <!--</el-container>-->

    <!--<add-blog></add-blog>-->
    <!--<show-blogs></show-blogs>-->
    <!--<blog-header></blog-header>-->
    <!--<router-view></router-view>-->
    <!--<div style="width: 100%;height:60px;line-height:60px;background-color: #409EFF;margin: 0 auto; text-align: center;">-->
      <!--APP管理系统-->
    <!--</div>-->
    <!--<div style="float: left;border: 1px solid #000;display:flex;flex:2">-->
      <!--<left-nav></left-nav>-->
    <!--</div>-->
    <!--<div-->
      <!--style="float: left;height: 830px; border: 1px solid #000;text-align:center;flex: 20;">-->
      <!--<el-scrollbar style="height:100%">-->
        <!--<router-view></router-view>-->
      <!--</el-scrollbar>-->
      <!--<div style="line-height: 40px;background-color: lightgray">©2018 国家增材制造创新中心　西安增材制造国家研究院有限公司 版权所有</div>-->
    <!--</div>-->
    <!--<div style="clear:both;"></div>-->


    <!--<el-container>-->
    <!--<el-header>-->
    <!--<el-row class="tac">-->
    <!--<el-col :span="24">APP内容管理系统</el-col>-->
    <!--</el-row>-->
    <!--</el-header>-->
    <!--<el-container>-->
    <!--<el-aside>-->
    <!--<el-scrollbar style="height:100%">-->
    <!--<left-nav></left-nav>-->
    <!--</el-scrollbar>-->
    <!--</el-aside>-->
    <!--<el-container>-->
    <!--<el-main>-->
    <!--<router-view></router-view>-->
    <!--</el-main>-->
    <!--<el-footer>©2018 国家增材制造创新中心　西安增材制造国家研究院有限公司 版权所有</el-footer>-->
    <!--</el-container>-->
    <!--</el-container>-->
    <!--</el-container>-->
  </div>
</template>

<script>
  import AddBlog from './components/AddBlog'
  import ShowBlogs from './components/ShowBlogs'
  import BlogHeader from './components/BlogHeader'
  import LeftNav from './components/LeftNav'

  export default {
    name: 'App',
    components: {
      BlogHeader, AddBlog, ShowBlogs, LeftNav
    }
  }
</script>

<style scoped>
  /*.el-container {*/

  /*}*/

  /*.el-header {*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 5;*/
    /*width: 100%;*/
    /*background-color: #409EFF;*/
    /*color: #fff;*/
    /*font-size: 24px;*/
    /*text-align: center;*/
    /*height: 60px;*/
    /*line-height: 60px;*/
  /*}*/

  /*.el-footer {*/
    /*margin-left: 200px;*/
    /*margin-bottom: -10px;*/
    /*background-color: #eceff1;*/
    /*color: #000;*/
    /*font-size: 12px;*/
    /*text-align: center;*/
    /*line-height: 60px;*/
  /*}*/

  /*.el-aside {*/
    /*!*position: fixed;*!*/
    /*margin-top: 60px;*/
    /*max-width: 200px;*/
    /*left: 0;*/
    /*z-index: 0;*/
    /*background-color: #D3DCE6;*/
    /*color: #333;*/
    /*height: 800px;*/

  /*}*/

  /*.el-main {*/
    /*margin-top: 70px;*/
    /*margin-left: 200px;*/
    /*background-color: #fff;*/
    /*color: #333;*/
    /*text-align: center;*/
    /*height: 800px;*/
    /*!*line-height: 160px;*!*/
  /*}*/

  /*body > .el-container {*/
    /*margin-bottom: 40px;*/
  /*}*/

  /*.el-container:nth-child(5) .el-aside,*/
  /*.el-container:nth-child(6) .el-aside {*/
    /*line-height: 260px;*/
  /*}*/

  /*.el-container:nth-child(7) .el-aside {*/
    /*line-height: 320px;*/
  /*}*/

</style>
